<template>
  <div class="main-container">
    <div class="flex">
      <div class="main-left flex-1">
        <div class="page-title">
         {{page.title.rendered}}
        </div>
        <div v-html="page.content.rendered">

        </div>
      </div>
      <div class="main-right">
        <RightIndex></RightIndex>
      </div>
    </div>
  </div>

</template>

<script>
  import {getPageDes} from "@/api/page";
  import RightIndex from "@/components/RightIndex";

  export default {
    layout: 'page',
    async asyncData({ app, params, error, store }) {
      const id = params.id
      const res = await app.$axios.$request(getPageDes(params.id))
      return {
        page: res
      }
    },
    components: {
      RightIndex
    }
  }
</script>

<style scoped>

</style>
